html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1; }

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  font-weight: normal; }

html, body, fieldset, img, iframe, abbr {
  border: 0; }

i, cite, em, var, address, dfn {
  font-style: normal; }

[hidefocus], summary {
  outline: 0; }

li {
  list-style: none; }

pre, code, kbd, samp {
  font-family: inherit; }

q:before, q:after {
  content: none; }

body, textarea, input, button, select, keygen, legend {
  color: #333;
  outline: 0;
  font-family: arial,"microsoft yahei",sans-serif; }

input, textarea {
  -webkit-appearance: none;
  border: none;
  outline: none;
  background: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0); }

textarea {
  overflow: auto;
  resize: none; }

a, button {
  background: none;
  border: none; }

a {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: none;
  text-decoration: none; }

/*
 * 750
 */
@media screen and (min-width: 320px) {
  html {
    font-size: 44.4444px; } }
@media screen and (min-width: 360px) {
  html {
    font-size: 50px; } }
@media screen and (min-width: 400px) {
  html {
    font-size: 55.5556px; } }
@media screen and (min-width: 440px) {
  html {
    font-size: 61.1111px; } }
[v-cloak] {
  display: none; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
.sprites {
  background-image: url(images/sprite.png); }
  .sprites.i-activity-nor {
    width: 0.24rem;
    height: 0.24rem;
    background-position: 0 3.02198%;
    background-size: 416.66667% 6166.66667%; }
  .sprites.i-activity-pre {
    width: 0.24rem;
    height: 0.24rem;
    background-position: 0 6.04396%;
    background-size: 416.66667% 6166.66667%; }
  .sprites.i-btn-arrow {
    width: 0.32rem;
    height: 0.32rem;
    background-position: 0 18.78453%;
    background-size: 312.5% 4625%; }
  .sprites.i-checkbox-sel {
    width: 0.32rem;
    height: 0.32rem;
    background-position: 0 36.74033%;
    background-size: 312.5% 4625%; }
  .sprites.i-checkbox {
    width: 0.32rem;
    height: 0.32rem;
    background-position: 0 33.14917%;
    background-size: 312.5% 4625%; }
    .sprites.i-checkbox.sel {
      background-position: 0 36.74033%;
      background-size: 312.5% 4625%; }
  .sprites.i-close {
    width: 0.32rem;
    height: 0.32rem;
    background-position: 0 25.96685%;
    background-size: 312.5% 4625%; }
  .sprites.i-common-arrow {
    width: 0.32rem;
    height: 0.32rem;
    background-position: 0 15.19337%;
    background-size: 312.5% 4625%; }
  .sprites.i-coupon-arrow {
    width: 0.24rem;
    height: 0.24rem;
    background-position: 0 0%;
    background-size: 416.66667% 6166.66667%; }
  .sprites.i-error {
    width: 0.32rem;
    height: 0.32rem;
    background-position: 0 22.37569%;
    background-size: 312.5% 4625%; }
  .sprites.i-green-arrow {
    width: 0.24rem;
    height: 0.24rem;
    background-position: 0 12.08791%;
    background-size: 416.66667% 6166.66667%; }
  .sprites.i-icon-3c {
    width: 0.5rem;
    height: 0.5rem;
    background-position: 0 78.32168%;
    background-size: 200% 2960%; }
  .sprites.i-icon-air {
    width: 0.5rem;
    height: 0.5rem;
    background-position: 0 73.42657%;
    background-size: 200% 2960%; }
  .sprites.i-icon-bathroom {
    width: 0.5rem;
    height: 0.5rem;
    background-position: 0 83.21678%;
    background-size: 200% 2960%; }
  .sprites.i-icon-goods {
    width: 0.5rem;
    height: 0.5rem;
    background-position: 0 68.53147%;
    background-size: 200% 2960%; }
  .sprites.i-icon-ice {
    width: 0.5rem;
    height: 0.5rem;
    background-position: 0 48.95105%;
    background-size: 200% 2960%; }
  .sprites.i-icon-pc {
    width: 0.5rem;
    height: 0.5rem;
    background-position: 0 53.84615%;
    background-size: 200% 2960%; }
  .sprites.i-icon-phone {
    width: 0.5rem;
    height: 0.5rem;
    background-position: 0 58.74126%;
    background-size: 200% 2960%; }
  .sprites.i-icon-tv {
    width: 0.5rem;
    height: 0.5rem;
    background-position: 0 63.63636%;
    background-size: 200% 2960%; }
  .sprites.i-member-icon {
    width: 0.32rem;
    height: 0.32rem;
    background-position: 0 40.33149%;
    background-size: 312.5% 4625%; }
  .sprites.i-older-overdue {
    width: 1rem;
    height: 1rem;
    background-position: 0 91.30435%;
    background-size: 100% 1480%; }
  .sprites.i-older-success {
    width: 1rem;
    height: 1rem;
    background-position: 0 100%;
    background-size: 100% 1480%; }
  .sprites.i-pop-delete {
    width: 0.24rem;
    height: 0.24rem;
    background-position: 0 9.06593%;
    background-size: 416.66667% 6166.66667%; }
  .sprites.i-search {
    width: 0.32rem;
    height: 0.32rem;
    background-position: 0 29.55801%;
    background-size: 312.5% 4625%; }
  .sprites.i-shop-icon {
    width: 0.44rem;
    height: 0.44rem;
    background-position: 0 44.28969%;
    background-size: 227.27273% 3363.63636%; }

body {
  background-color: #EBEBEB; }

.coupon-tips {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 0.3rem;
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  background-color: #fff7cc;
  font-size: 0.28rem;
  color: #ff6600;
  z-index: 10; }

.coupon-search {
  position: relative;
  margin: 0.64rem auto 0.2rem;
  padding: 0.2rem;
  max-width: 7.5rem;
  height: 0.96rem;
  background-color: #FFFFFF; }
  .coupon-search .ipt-box {
    position: relative;
    height: 100%;
    background-color: #EBEBEB;
    border-radius: 0.1rem; }
    .coupon-search .ipt-box .ipt {
      display: block;
      padding: 0.1rem 0.56rem;
      width: 100%;
      height: 100%;
      font-size: 0.24rem;
      color: #333333; }
    .coupon-search .ipt-box .sprites {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%); }
      .coupon-search .ipt-box .sprites.i-search {
        left: 0.12rem; }
      .coupon-search .ipt-box .sprites.i-close {
        right: 0.18rem; }
  .coupon-search:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-bottom: 1px solid #CCCCCC;
    transform: scaleY(0.5) translateY(50%);
    -webkit-transform: scaleY(0.5) translateY(50%);
    -webkit-transform-origin: 0 0; }

.coupon-list {
  margin: 0 auto;
  padding: 0 0 0.96rem;
  max-width: 7.5rem; }
  .coupon-list.pt {
    padding: 0.64rem 0 0.96rem; }
  .coupon-list .item {
    position: relative;
    display: -webkit-box;
    margin-bottom: 0.2rem;
    height: 2.1rem;
    background-color: #FFFFFF; }
    .coupon-list .item:before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      border-top: 1px solid #CCCCCC;
      transform: scaleY(0.5);
      -webkit-transform: scaleY(0.5);
      -webkit-transform-origin: 0 0; }
    .coupon-list .item:after {
      content: "";
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      border-bottom: 1px solid #CCCCCC;
      transform: scaleY(0.5) translateY(50%);
      -webkit-transform: scaleY(0.5) translateY(50%);
      -webkit-transform-origin: 0 0; }
    .coupon-list .item .lt {
      display: -webkit-box;
      padding: 0.4rem 0.3rem;
      width: 2.22rem;
      background: url(images/line-bg.png) no-repeat 100% 0;
      background-size: auto 100%;
      -webkit-box-orient: vertical;
      -webkit-box-pack: justify; }
      .coupon-list .item .lt .price {
        font-size: 0.32rem;
        color: #15b374;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        .coupon-list .item .lt .price span {
          margin-left: 0.08rem;
          font-size: 0.72rem; }
      .coupon-list .item .lt .view {
        font-size: 0.24rem;
        color: #999999; }
        .coupon-list .item .lt .view span {
          display: inline-block;
          margin-right: 0.05rem;
          vertical-align: middle; }
    .coupon-list .item .rt {
      display: -webkit-box;
      position: relative;
      padding: 0.3rem 2.15rem 0.4rem 0.4rem;
      -webkit-box-flex: 1;
      -webkit-box-orient: vertical;
      -webkit-box-pack: justify; }
      .coupon-list .item .rt .name {
        font-size: 0.34rem;
        color: #333333; }
      .coupon-list .item .rt .explain {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 0.24rem;
        line-height: 1.2;
        color: #333333;
        overflow: hidden; }
      .coupon-list .item .rt .tips {
        font-size: 0.24rem;
        color: #999999; }
    .coupon-list .item .btn-send {
      display: block;
      position: absolute;
      right: 0.3rem;
      top: 50%;
      width: 1.6rem;
      height: 0.64rem;
      line-height: 0.64rem;
      border-radius: 0.1rem;
      background-color: #15b374;
      font-size: 0.28rem;
      color: #FFFFFF;
      text-align: center;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%); }
      .coupon-list .item .btn-send:active {
        background-color: #0E8C5A; }
      .coupon-list .item .btn-send.dis {
        background-color: #CCCCCC; }
    .coupon-list .item:last-child {
      margin-bottom: 0; }

.no-data {
  margin: 0 auto;
  padding: 2.1rem 1rem 2.1rem;
  max-width: 7.5rem; }
  .no-data .icon-nodata {
    margin: 0 auto;
    width: 4.2rem;
    height: 3.2rem;
    background: url(images/no-data.png) no-repeat;
    background-size: 100% 100%; }
  .no-data .text {
    padding: 0.3rem 0;
    font-size: 0.28rem;
    color: #999999;
    text-align: center; }

.btn-record {
  display: -webkit-box;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.96rem;
  background-color: #15b374;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  font-size: 0;
  z-index: 10; }
  .btn-record span {
    color: #FFFFFF;
    font-size: 0.34rem;
    vertical-align: middle; }
    .btn-record span.sprites {
      display: inline-block;
      margin-left: 0.1rem; }
  .btn-record:active {
    background-color: #0E8C5A; }
  .btn-record.dis {
    background-color: #CCCCCC; }
